import type { RouteObject } from "react-router";
import Avatars from "./avatars";
import Buttons from "./buttons";
import Inputs from "./inputs";
import Layout from "./Layout";
import Lists from "./lists";
import Menus from "./menus";
// import Modals from "./-Modals";
import Panels from "./panels";

const routes: RouteObject = {
  path: "components",
  Component: Layout,
  children: [
    {
      path: "avatars",
      Component: Avatars,
    },
    {
      path: "buttons",
      Component: Buttons,
    },
    {
      path: "inputs",
      Component: Inputs,
    },
    {
      path: "lists",
      Component: Lists,
    },
    {
      path: "menus",
      Component: Menus,
    },
    {
      path: "panels",
      Component: Panels,
    },
  ],
};

export default routes;
